<template>
    <div class="big">
        <el-button  icon="el-icon-arrow-left" @click="back"></el-button>
        <div class="rotate">
            销售量图表
            <div id="main"></div>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return {
            tableData:[],
            date1:'',
            date2:'',
            codeList:[],
            dateList:[],
        }
    },
    mounted(){
        // var echarts=this.$root.echarts
        // var myChart = echarts.init(document.getElementById('main'));
        
        
        // myChart.setOption({
        //     legend: {
        //         data:[],
        //     },
        //     grid: {
        //         left: '3%',
        //         right: '4%',
        //         bottom: '3%',
        //         containLabel: true
        //     },
        //     tooltip: {
        //         trigger: 'axis',
        //         axisPointer: {
        //             type: 'line'
        //         }
        //     },
        //     xAxis: {
        //         type: 'category',
        //         boundaryGap: false,
        //         data: []
        //     },
        //     yAxis: {
        //         type: 'value'
        //     },
        //     series:[]
        //     // series: [
        //     //     {
        //     //         name:'邮件营销',
        //     //         type:'line',
        //     //         stack: '总量',
        //     //         data:[120, 132, 101, 134, 90, 230, 210, 90, 230, 210]
        //     //     }
        //     // ]
        // });
    },
    methods:{
        back(){
            this.$router.go(-1);
            sessionStorage.setItem("sendData",'')
        },
        initList:function(cc){

            let dateList = [];
            let num = []//销售量
            let serieList = [];

            var res=sessionStorage.getItem('sendData');
            var sendData=JSON.parse(res)
            this.date1=sendData.date1;
            this.date2=sendData.date2;                 
            this.codeList=sendData.codeList;
            this.$http.post('api/product/queryCkhzByEchart',{
            startDate:this.date1,endDate:this.date2,
            codeList:this.codeList
            }).then(res=>{
                let result = res.data;
                this.dateList = result.dateList
                if(result.code==100){
                    
                    let code_ = ''
                    for (let i = 0; i < result.data.length; i++) {
                        let element = result.data[i];
                        if(element[i].length > 0){
                            code_ = element[i].产品代码
                        }
                        if(element[i].length > 0){
                            num.push(element[i].出库量)
                        }else{
                            num.push(0)
                        }

                    }

                }
                
            })

            var echarts=this.$root.echarts
            var myChart = echarts.init(document.getElementById('main'));
            
            
            myChart.setOption({
                legend: {
                    data:[],
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'line'
                    }
                },
                xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: this.dateList
                },
                yAxis: {
                    type: 'value'
                },
                series:[]
                // series: [
                //     {
                //         name:'邮件营销',
                //         type:'line',
                //         stack: '总量',
                //         data:[120, 132, 101, 134, 90, 230, 210, 90, 230, 210]
                //     }
                // ]
            });
            },
    },
    created:function(){
        
        this.initList('')
    }
}
</script>

<style>
.big{
    width: 100vw;
    height: 100vh;
    overflow: scroll;
}
.rotate{
    width: 100%;
    height:95%; 
}
#main{
    width: 100%;
    height:100%;
}
</style>
